/*---nav style---*/
.st-nav{
	width: 100%;
	border:1px solid #eee;
}
.st-nav--title{
	width: 100%;
	height: 42px;
	background: $ma-color;
	border-bottom: 1px solid #eee;
	padding-left: 10px;
	line-height: 42px;
	font-size: 14px;
	color:#fff;
}
.st-nav--con{
	width: 100%;
	padding: 20px 24px 24px;
	.item{
		width: 100%;
		border-bottom:1px solid #eee;
		&:last-child{
			border-bottom: none;
		}
		&:not(:first-child){
			.item-title{
				margin-top:10px; 
			}
		}
	}
	.item-title{
		width: 100%;
		height: 23px;
		line-height: 23px;
		color:#000;
		font-size: 14px;
		margin-bottom:5px;
		.ico{
			display: block;
			// width: 25px;
			height: 100%;
			float: left;
			margin-right:7px;
			position: relative;
			img{
				// position: absolute;
				// right:0;
				// bottom:0;
				// top:0;
				// margin:auto;
			}
		}
	}
	.item-con{
		padding-bottom: 10px;
		li{ 
			height: 23px;
			line-height: 23px;
			float: left;
			a{
				font-size: 12px;
				color:#666;
				&.active{
					color:$ma-color;
				}
			}
		}
		.mr-28{
			margin-right: 28px;
		}
		.mr-8{
			margin-right: 8px;
		}
	}
}
/*---nav style end---*/